<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>2022_MAY</title>
    <style type="text/css">
        body {
            font: normal 11px auto;
            color: #4f6b72;
            background: #E6EAE9;
        }

        #mytable {
            width: 700px;
            padding: 0;
            margin: 0;
            margin-left: 30%;
        }

        caption {
            padding: 0 0 5px 0;
            width: 700px;
            font: italic 21px bold  #CAE8EA;
            text-align: right;
        }

        th {
            color: #4f6b72;
            border-right: .5px solid #C1DAD7;
            border-bottom: .5px solid #C1DAD7;
            border-top: .5px solid #C1DAD7;
            letter-spacing: 2px;
            text-transform: uppercase;
            text-align: left;
            padding: 6px 6px 6px 12px;
        }

        tr:first-child {
            background: #38857c no-repeat;
            font: 13px bold;
        }

        tr:nth-child(odd) {
            background: #fff no-repeat;
            font: 11px;
        }

        tr:nth-child(even) {
            background: #CAE8EA no-repeat;
            font: 11px;
        }
    </style>
</head>

<body>
    <table id="mytable" border="1" style="border-collapse: collapse;">
        <caption>Consumption table for May 2022</caption>
        <tr>
            <th>date</th>
            <th>food</th>
            <th>clothes</th>
            <th>vehicle</th>
            <th>sports</th>
            <th>loans</th>
            <th>other</th>
        </tr>

        <tr>
            <th>5-1</th>
            <th>673</th>
            <th>620</th>
            <th>1891</th>
            <th>668</th>
            <th>766</th>
            <th>3145</th>
        </tr>

        <tr>
            <th>5-2</th>
            <th>522</th>
            <th>2025</th>
            <th>139</th>
            <th>569</th>
            <th>890</th>
            <th>2159</th>
        </tr>

        <tr>
            <th>5-3</th>
            <th>2780</th>
            <th>506</th>
            <th>3112</th>
            <th>1107</th>
            <th>2603</th>
            <th>1794</th>
        </tr>

        <tr>
            <th>5-4</th>
            <th>1069</th>
            <th>1819</th>
            <th>3386</th>
            <th>2652</th>
            <th>724</th>
            <th>2230</th>
        </tr>

        <tr>
            <th>5-5</th>
            <th>174</th>
            <th>2243</th>
            <th>510</th>
            <th>2929</th>
            <th>397</th>
            <th>970</th>
        </tr>

        <tr>
            <th>5-6</th>
            <th>3824</th>
            <th>3607</th>
            <th>2327</th>
            <th>1358</th>
            <th>596</th>
            <th>1354</th>
        </tr>

        <tr>
            <th>5-7</th>
            <th>3279</th>
            <th>1007</th>
            <th>1657</th>
            <th>2291</th>
            <th>1639</th>
            <th>2703</th>
        </tr>

        <tr>
            <th>5-8</th>
            <th>2014</th>
            <th>2175</th>
            <th>394</th>
            <th>65</th>
            <th>3357</th>
            <th>3260</th>
        </tr>

        <tr>
            <th>5-9</th>
            <th>1380</th>
            <th>515</th>
            <th>2919</th>
            <th>451</th>
            <th>2233</th>
            <th>155</th>
        </tr>

        <tr>
            <th>5-10</th>
            <th>815</th>
            <th>1153</th>
            <th>1841</th>
            <th>120</th>
            <th>1613</th>
            <th>3667</th>
        </tr>

        <tr>
            <th>5-11</th>
            <th>3264</th>
            <th>2749</th>
            <th>2539</th>
            <th>3480</th>
            <th>635</th>
            <th>2574</th>
        </tr>

        <tr>
            <th>5-12</th>
            <th>455</th>
            <th>1234</th>
            <th>2009</th>
            <th>3194</th>
            <th>1034</th>
            <th>947</th>
        </tr>

        <tr>
            <th>5-13</th>
            <th>1061</th>
            <th>1315</th>
            <th>3495</th>
            <th>1396</th>
            <th>2716</th>
            <th>52</th>
        </tr>

        <tr>
            <th>5-14</th>
            <th>2581</th>
            <th>943</th>
            <th>1252</th>
            <th>1007</th>
            <th>573</th>
            <th>2855</th>
        </tr>

        <tr>
            <th>5-15</th>
            <th>2661</th>
            <th>2261</th>
            <th>3779</th>
            <th>1391</th>
            <th>3061</th>
            <th>852</th>
        </tr>

        <tr>
            <th>5-16</th>
            <th>1131</th>
            <th>2759</th>
            <th>3151</th>
            <th>1885</th>
            <th>2576</th>
            <th>368</th>
        </tr>

        <tr>
            <th>5-17</th>
            <th>2908</th>
            <th>1027</th>
            <th>3339</th>
            <th>263</th>
            <th>395</th>
            <th>3241</th>
        </tr>

        <tr>
            <th>5-18</th>
            <th>939</th>
            <th>36</th>
            <th>850</th>
            <th>2681</th>
            <th>3169</th>
            <th>3615</th>
        </tr>

        <tr>
            <th>5-19</th>
            <th>998</th>
            <th>1441</th>
            <th>3164</th>
            <th>295</th>
            <th>1238</th>
            <th>277</th>
        </tr>

        <tr>
            <th>5-20</th>
            <th>662</th>
            <th>1678</th>
            <th>715</th>
            <th>2048</th>
            <th>225</th>
            <th>1676</th>
        </tr>

        <tr>
            <th>5-21</th>
            <th>3722</th>
            <th>264</th>
            <th>850</th>
            <th>3534</th>
            <th>925</th>
            <th>3010</th>
        </tr>

        <tr>
            <th>5-22</th>
            <th>402</th>
            <th>1549</th>
            <th>3237</th>
            <th>1988</th>
            <th>2769</th>
            <th>3862</th>
        </tr>

        <tr>
            <th>5-23</th>
            <th>1828</th>
            <th>3820</th>
            <th>3440</th>
            <th>3954</th>
            <th>293</th>
            <th>3948</th>
        </tr>

        <tr>
            <th>5-24</th>
            <th>347</th>
            <th>1886</th>
            <th>375</th>
            <th>964</th>
            <th>14</th>
            <th>1213</th>
        </tr>

        <tr>
            <th>5-25</th>
            <th>2563</th>
            <th>1699</th>
            <th>2496</th>
            <th>892</th>
            <th>2735</th>
            <th>3257</th>
        </tr>

        <tr>
            <th>5-26</th>
            <th>2263</th>
            <th>1152</th>
            <th>228</th>
            <th>28</th>
            <th>3202</th>
            <th>3812</th>
        </tr>

        <tr>
            <th>5-27</th>
            <th>376</th>
            <th>237</th>
            <th>3105</th>
            <th>3310</th>
            <th>2864</th>
            <th>1897</th>
        </tr>

        <tr>
            <th>5-28</th>
            <th>1011</th>
            <th>249</th>
            <th>3099</th>
            <th>1423</th>
            <th>2401</th>
            <th>1510</th>
        </tr>

        <tr>
            <th>5-29</th>
            <th>3902</th>
            <th>1609</th>
            <th>245</th>
            <th>2271</th>
            <th>821</th>
            <th>1753</th>
        </tr>

        <tr>
            <th>5-30</th>
            <th>1904</th>
            <th>2714</th>
            <th>149</th>
            <th>2958</th>
            <th>2218</th>
            <th>1839</th>
        </tr>

        <tr>
            <th>5-31</th>
            <th>3805</th>
            <th>196</th>
            <th>3068</th>
            <th>1161</th>
            <th>3283</th>
            <th>881</th>
        </tr>

    </table>
</body>

</html>